<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css样式表</title>
		<!--css样式表写在style-->
		<!--
        	css样式根据位置不同分为:
        	内联样式:标签的style属性
        	内部样式:写在html页面中的style样式表
        	外部样式:
        	  
       -->
        
		<style type="text/css">
		
		/*css中注释使用/* */
		 * 
		 */
			/*<!--选择器{
				对象的属性1:属性值1;
				对象的属性2:属性值2;
				...
			}*/
		td{
			color: #00008B;
		}
		body{
			background-image: url(imgs/ROAME_233483_D6D4CAC8.jpg);
		}	
		</style>
	</head>
	<body>
		<!--form表单:客户端浏览器用来向服务器端进行信息提交的标签
			写在form表单的标签的值才会被提交给服务器
			action--指定的是服务器端的那个程序(类-方法)进行响应;
			method--使用哪种方式进行数据从客户端发送到服务器.
			  选项:get--将客户端数据信息附加在访问连接url的尾端进行发送信息
			  缺点:需附加在url之后,可能会以明文形式显示,信息不安全;
			 长度会受到限制(不能大于255个制度)
			 汉字容易乱码(字节流方式传输)
			     post--将客户端数据信息以数据包的形式发送到服务器端
			     不存在上述问题
        -->
        <div align="center">
        <form action="#" method="get">
        	<table border="1" cellpadding="0" cellspacing="0" bordercolor="#77D7E9" style="width: 40%;align-self: center;">
        		<tbody>
        		<tr >
        			<td>姓名</td><td><input type="text" id="txtName" name="txtName"/></td>
        		</tr>
        		<tr>
        			<td>密码</td><td><input type="password" id="psw" name="psw"/> </td>
        		</tr>
        		<tr>
        			<td>性别</td>
        			<!--姓名属性一致,才具有互斥性-->
        			<td>
        			<input type="radio" id="radioSex" name="radioSex"/>女
        			<input type="radio" id="radioSex2" name="radioSex"/>男
        			<input type="radio" id="radioSex3" name="radioSex"/>???
        			</td>
        		</tr>
        		<tr>
        			<td>个人简历</td>
        			<td><input type="file" id="fileResume" name="fileResume"</td>
        		</tr>
        		<tr>
        			<td>兴趣爱好</td>
        			<td>
        				<input type="checkbox" id="ch1" name="ch" />JOJO的奇妙冒险
        				<input type="checkbox" id="ch2" name="ch" />精灵宝可梦(笑)
        				<input type="checkbox" id="ch3" name="ch" />东方Project
        				<input type="checkbox" id="ch4" name="ch" />其它
        			</td>
        		</tr>
        		<tr>
        			<td>隐藏控件</td>
        			<td><input type="hidden" name="txthidden" id="txthidden" value="呵呵"/> </td>
        		</tr>
        		<tr>
        			<td>学历</td>
        			<td><select id="seXL" name="seXL" style="width: 129px;">
        				<option value=""></option>
        				<option value="BK" selected>本科</option>
        				<option value="DZ">大专</option>
        				<option value="SS">硕士</option>
        				<option value="BS">博士</option>
        			</select></td>
        		</tr>
        		<tr>
        			<td>自我介绍</td><td><textarea name="txtIntroduce" style="width: 200px; height: 45px;"></textarea></td>
        			
        		</tr>
        		<tr>
        			<td colspan="2"><input type="submit" value="提交" id="btnSubmit" />
        			    <input type="reset" value="重置" id="btnSubmit" /> </td>
        		</tr>
        		</tbody>
        	</table>
        </form>
        </div>
	</body>
</html>
